<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>
    TTP
    人工智能面部识别系统方案，品牌识别系统生产商，人脸识别系统专业管理方案热门产品多样，人脸识别.
  </title>
  <!-- 网站说明 -->
  <meta name="description"
    content="TTP 人工智能面部识别系统（TTP FRS，即 TTP Face Recognition System）是基于深度学习开发的一套以人工智能图像识别技术为核心的面部识 别系统。面向 IoT、IoV 时代，面部识别正在成为多种智能生活、智能出行、智 能办公场景下的身份识别方式。" />
  <!-- 关键字 -->
  <meta name="Keywords" content="人脸识别,人像识别,图像检测,跟踪人脸,人工智能,识别算法,识别数据," />
  <link rel="stylesheet" href="/index/bootstrap/css/bootstrap.min.css" />
  <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
  <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
  <!--[if lt IE 9]>
      <script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  <!-- 引入图标 -->
  <!--<link rel="stylesheet" href="./demo-files/demo.css"> -->
  <link rel="stylesheet" href="/index/lib/swiper-bundle.min.css">
  <link rel="shortcut icon" href="/index/favicon.ico" type="image/x-icon" />
  <!-- 引入基础，通用，主页样式 -->
  <link rel="stylesheet" href="/admin/lib/layui/css/layui.css">
  <link rel="stylesheet" href="/index/css/base.css" />
  <link rel="stylesheet" href="/index/css/common.css" />
  <link rel="stylesheet" href="/index/css/style.css" />

  <!-- 王宗辉加的页面效果 -->

  <style>

    .menu {
      /* position: relative; */
      display: block;
      position: absolute;
      height: 200px;
      width: 200px;
      background-color: red;
      /* z-index: 9999; */
    }

    .header {
      z-index: 10;
      position: relative;
    }
  </style>
  <style>
    .navlist{
      position: relative;
    }
    /* 头部开始 */
    .navlist li a {
      color: #696969;
      /* 文字垂直居中 */
      line-height: 60px;
      height: 60px;
    }

    .navlist li a:hover {
      text-decoration: none;
    }

    .navlist li span {
      color: #696969;
      transition: transform 0.5s;
    }

    /* 移入a，span旋转 */
    .navlist li a:hover span {
      transform: rotate(180deg);
    }

    .layui-nav {
      background-color: #fff;
    }

    .layui-nav .layui-nav-item a {
      padding: 0;
    }

    .header nav ul li {
      width: 75px;
      margin-left: 10px;
      margin-right: 10px;
    }

    .layui-nav .layui-nav-more {
      color: #000;
    }

    .layui-nav .layui-nav-item dd a {
      height: 50px;
      vertical-align: middle;
      line-height: 50px;
      text-align: center;
    }

    .layui-nav-child {
      top: 45px;
      left: -45px;
      position: absolute;
      z-index: 999;
    }

    .header nav ul li:hover dd a {
      color: #696969;
    }

    .header nav ul li a {
      width: auto;
      /* height: 1px; */
    }

    .header {
      z-index: 999;
      position: relative;
    }

    .layui-nav-item dl dd:hover {
      color: #F6F6F6;
    }

    .header .navlist .layui-nav-item .layui-nav-child dd {
      padding: 0;
    }
    /* .news_title{
      position:absolute;
      top:-1px;
    } */
    /* .news_name{
      display: block;
      width:75px !important;
      height: 35px !important;;
      position: absolute;

    } */
    li:hover span{
      color:#43eaff;
    }
    /* 头部结束 */
 
  </style>

</head>

<body>
  <!-- 头部开始 -->
  <div class="header">
    <div class="header_box">
      <div class="header_logo_box">
        <a href="/" class="header_logo">
          <img src="/index/images/logo.webp" alt="">
        </a>
      </div>
      <nav>
        <!-- 王宗辉的NAV开始 -->
        <!-- <ul>
          <li>
            <a href="/" title="网站首页">
              <span>网站首页
                <i class="underline"></i>

            </a>
          </li>

          <% nav.forEach(item => { %>
          <li>
            <a href="<%= item.nav_url %>?id=0" class="tomore" title="<%= item.nav_name %> ">
              <span><%= item.nav_name %><i class="glyphicon glyphicon-menu-down
                "></i></span></span>
              <i class="underline"></i>
            </a>
            <div class="menu">

            </div>
          </li>
          <% }) %> -->
        <!-- 王宗辉的NAV结束  -->

        <!-- 佳鹏的头部NAV开始 -->
        <ul class="navlist layui-nav" lay-filter="">
          <li>
            <a href="/"  title="网站首页">
              <span>网站首页</span>
              <i class="underline"></i>
            </a>
          </li>

          <li class="layui-nav-item">
            <a href="./project" title="产品中心"><span>产品中心</span></a>
            <dl class="layui-nav-child">
              <dd><a href="project?id=1">人工智能</a></dd>
              <dd><a href="project?id=2">大数据</a></dd>
              <dd><a href="project?id=3">物联网</a></dd>
              <dd><a href="project?id=4">智慧城市</a></dd>
            </dl>
            <i class="underline"></i>
          </li>
          <li class="layui-nav-item">
            <a href="/articlelist?id=0" title="新闻资讯"><span>新闻资讯</span></a>
            <div class="layui-nav-child">
              <dd><a href="/articlelist?id=1">公司公告</a></dd>
              <dd><a href="/articlelist?id=2">行业动态</a></dd>
            </div>
            <i class="underline"></i>
          </li>

          <!-- <% nav.forEach(item => { %>
          <li>
          <a href="<%= item.nav_url %>?id=0" title="<%= item.nav_name %> ">
            <span><%= item.nav_name %> </span>
            <i class="underline"></i>
          </li>
          <%})%> -->

          <!-- </ul> -->

          <!-- 佳鹏的头部NAV结束 -->

          <li>
            <a href="/cooperation" title="合作案例">
              <span>合作案例</span>
              <i class="underline"></i>
            </a>
          </li>

          <!-- 
          <li>
            <a href="/productydetails" title="核心团队">
              <span>产品详情</span>
              <i class="underline"></i>
            </a>
          </li> -->
          <li>
            <a href="/team" title="核心团队">
              <span>核心团队</span>
              <i class="underline"></i>
            </a>
          </li>
          <!-- <li>
            <a href="/news" class="news_name" title="今日头条">
              <span class="news_title">今日头条</span>
              <i class="underline"></i>
              </a>
          </li> -->

          <li>
            <a href="/about" title="关于我们">
              <span>关于我们</span>
              <i class="underline"></i>
            </a>
          </li>


        </ul>

      </nav>
      <div class="tel_box">
        <span class="tel">
          <!-- <span class="icon-phone"></span> -->
          <!-- <i class="icon-travel-bus"></i> -->
          <!-- <i class="icon-bubbles2 phone"></i> -->
          <i class="glyphicon glyphicon-earphone phone"></i>
          400-200-2200
        </span>
      </div>
    </div>
  </div>
  <!-- 头部结束 -->
  <!-- 右侧固定栏 -->
  <div class="rightBigBox">
    <div class="right_aside">
      <a href="">
        <div class="right_aside_wang1"><i></i><span>客服电话</span></div>
      </a>
      <a href="">
        <div class="right_aside_chao"><i></i><span><img src="admin/uploads/undefined-1658141160189.png" alt=""></span>
        </div>
      </a>

      <a href="">
        <div class="right_aside_wang2"> <i></i><span>客服qq</span></div>
      </a>
      <a href="#">
        <div class="right_aside_wangchao" id="right_aside_toTop"><i></i></div>
      </a>
    </div>

  </div>
  <!-- 右侧固定栏 -->
  <script src="/admin/lib/jquery.js"></script>
  <script src="/admin/lib/layui/layui.js"></script>
  <script>
    var element;
    layui.use(['element'], function () {
      element = layui.element;
    })
    // $()
    var toTop = document.querySelector('#right_aside_toTop')
    // toTop.onclick = function () {
    //   var top = document.body.scrollTop || document.documentElement.scrollTop
    //   scrollBy(0, -top);
    // }

    var timer = null;
    right_aside_toTop.onclick = function () {
      cancelAnimationFrame(timer);
      //获取当前毫秒数
      var startTime = +new Date();
      //获取当前页面的滚动高度
      var b = document.body.scrollTop || document.documentElement.scrollTop;
      var d = 500;
      var c = b;
      timer = requestAnimationFrame(function func() {
        var t = d - Math.max(0, startTime - (+new Date()) + d);
        document.documentElement.scrollTop = document.body.scrollTop = t * (-c) / d + b;
        timer = requestAnimationFrame(func);
        if (t == d) {
          cancelAnimationFrame(timer);
        }
      });
    }

    //     toTop.onclick = function(){
    //     cancelAnimationFrame(timer);
    //     timer = requestAnimationFrame(function fn(){
    //         var oTop = document.body.scrollTop || document.documentElement.scrollTop;
    //         if(oTop > 0){
    //             scrollBy(0,-50);
    //             timer = requestAnimationFrame(fn);
    //         }else{
    //             cancelAnimationFrame(timer);
    //         }    
    //     });
    // }
  </script>
  <script>

  </script>